<!--
 * @Author: Wangtao
 * @Date: 2022-08-09 10:36:08
 * @LastEditors: Wangtao
 * @LastEditTime: 2022-09-04 21:38:51
-->
<template>
  <div class="border-form-item">
    <span class="label"><slot></slot></span>
    <slot name="field"></slot>
  </div>
</template>
<style lang="stylus" scoped>
.border-form-item
  display: inline-table;
  .label
    color: #595959;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #dcdfe6;
    border-top-left-radius: 4px;
    border-right: none;
    padding: 0 8px;
    white-space: nowrap;
    border-bottom-left-radius: 4px;
  :deep(.el-input__wrapper)
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
</style>
